<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  script.
    if(/MSIE \d|Trident.*rv:/.test(navigator.userAgent)) {
      document.write('<script src="/public/ie11isgood/polyfill.js"><\/script>');
      document.write('<script src="https://cdn.bootcdn.net/ajax/libs/es6-shim/0.35.5/es6-shim.min.js"><\/script>')
    }
  link(rel="stylesheet", href="/public/pc/admin/admin.css")
  script(src="/public/lib/json5.min.js")
  script(src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js")
  script(src="/public/pc/admin/admin.js")
  script(src="/public/pc/bs.js")
  style.
    .demo-gutter {
      height: .3rem;
    }
</head>
<body>
  main


    <div class="app-container ui-ml-auto ui-mr-auto">
      .text-sz-100 .text-sz-100
      .text-sz-200 .text-sz-200
      .text-sz-300 .text-sz-300

      each v in ['gray','danger','primary']
        div(class="text-color-" + v) .text-color-#{v}
    </div>
    .demo-gutter
    .app-line
    .demo-gutter

    include parts/index.pug

  script.
    (function() {
      function loadScript(src, onLoad) {
        var script = document.createElement('script');
        script.onload = onLoad;
        script.src = src;
        document.head.appendChild(script); //or something of the likes
      }

      // window.registerLoginAppTab()

      loadScript('https://cdn.bootcdn.net/ajax/libs/vue/2.6.11/vue.js', function() {
        // window.initLoginApp('#loginapp', '#loginapp-tpl')
        jsonprint()
        // window.initAddressApp('#addressapp', '#addressapp-tpl')
        // window.initAddressFormApp('#address-form', '#address-form-tpl')
      })

    })()
</body>
</html>
